<template>
	<view>
		<view>
		<image class="bg" src="/static/.png"></image></view>
		<view class="n" @click="goupdata()">
			<image class="t"src="/static/update.png"></image>
			<text>当前版本</text>
			<image style="margin-left:auto ;margin-right: 10rpx;" class="t2"src="/static/三角形.png"></image>
		</view>
		<view class="n" @click="goprivacy()">
			<image class="t"src="/static/yinci.png"></image>
			<text>隐私设置</text>
			<image style="margin-left:auto ;margin-right: 10rpx;" class="t2"src="/static/三角形.png"></image>
		</view>
		<view class="n" @click="goproducer()">
			<image class="t"src="/static/mail.png"></image>
			<text>联系我们</text>
			<text style="margin-left: 30rpx ;color: #82848A;" >lamgamer@163.com</text>
			<image style="margin-left:auto ;margin-right: 10rpx;" class="t2"src="/static/三角形.png"></image>
		</view>
		<view>
			<image  class="logo" src="../../static/5b01384156f10.png" @click="gocenterpage()"> </image>
		</view>
		<!-- 
		<view  class="bottom">
			<button class="j">登录</button>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			gocenterpage(){
				uni.navigateTo({
					url:'/pages/center/centerpage/centerpage'
				})
			},
			goupdata(){
				uni.navigateTo({
					url:'/pages/center/updata/updata'
				})
			},
			goproducer(){
				uni.setClipboardData({
				    data: 'lamgamer@163.com',
				});
				uni.showToast({
				    title: '邮箱地址已复制',
				    duration: 2000
				});
			},
			goprivacy(){
				console.log("nisd");
				uni.navigateTo({
					url:'/pages/center/privacy/privacy'
				})
			}
		}
	}
</script>

<style>
	page{
	background-color:transparent;
	/* 背景透明 */
	overflow: hidden;
	}
	.bg{
	
		/* 固定定位，这张图可以按照手机屏幕视窗进行定位，同样形成图层关系 */
		position: fixed;
		/* 图层下降 */
		z-index: -1;
		top: 0;
		left:-10vw;
		/* 宽度占满浏览器视窗 */
		width:120vw;
		height: 110vh;
		/* 高斯模糊 */
		filter: blur(1px)  brightness(90%);
		
	}
	.n {
		/* border: solid #007AFF; */
		border-bottom:#DCDCDC 1px solid;
		 padding: 24rpx 24rpx; 
		display: flex;//同行排列
		align-items: center;//居中对齐
		margin-top: 10rpx;
		/* line-height: 2;//行高 */	
	}
	.t{
		width: 100rpx;
		height: 100rpx;
		text-align: center;
		font-size: 30rpx;
		pointer-events: 48rpx; 
		padding-right: 48rpx;
		
	}
	.t2{
		width: 50rpx;
		height: 60rpx;
		text-align: center;
		font-size: 30rpx;
		pointer-events: 48rpx; 
		padding-right: 48rpx;
		
	}
	.j{
		/* border: #007AFF solid; */
		/* position: fixed; */
		bottom: 190rpx; 
		 width: 684rpx; 
		height: 80rpx; 
		margin-left: 37rpx; 
		text-align: center;
		font-size: 40rpx; 
		align-items: center; 
		color: #fff; 
			 display: flex; 
			 margin-top: 220rpx; 
			line-height: 50rpx; 
			justify-content: center;
			border-radius: 25px;
			background: #377EB4;
			
		
		
	}
	.logo {
		height: 600rpx;
		width: 400rpx;
		margin-top: 100rpx;
		align-items: center;
		justify-content: center;
	}
</style>




